.idea-banner{width: 100%;height: 300px;line-height:78px;margin:70px auto 0;background: #00000f url(../images/banner/idea-banner.jpg) center top no-repeat;color: #fff;font-size: 42px;text-align: right;box-sizing: border-box;}
.idea-banner .content{width: calc(100% - 374px);float: left;padding-top:72px;}
.idea-banner img{width:202px;float: right;margin:13px 17px 0 0;vertical-align: top;}
a.container,.a.container:hover{color: #fff !important;}
.idea-section{padding: 23px 0;overflow: hidden;}
.idea-section:nth-of-type(odd) {background-color: #fff;}
.idea-section .img-wrap{float: left;width: 210px;height: 154px;}
.idea-section .content{float: left;width: calc(100% - 210px);height: 154px;overflow: hidden;padding:0 20px;box-sizing: border-box;font-size: 16px;color: #7c7c87;}
.idea-section .content>h2{font-size: 20px;line-height: 40px;margin-bottom: 10px;}
.idea-section .content>h2 strong{font-weight: bold;}
.idea-section .content>p{line-height: 24px;}

.idea-section .content>.date{margin-top:22px;color: #999;font-size: 14px;}
.idea-section .content .btn{display:inline-block;line-height:24px;margin:0 10px;width: 92px;background-color: rgb(131, 141, 150);text-align: center;border-radius: 12px;color: #fff;font-size: 14px;}
.idea-section .content .btn:hover{background-color: #0e4d8c;}
@media screen and (max-width: 750px){
  .idea-section .img-wrap{width: 105px;height: 75px;}
  .idea-section .content{width: calc(100% - 105px);height: 70px;}
  .idea-section .content>h2{font-size: 16px;line-height: 1.2;}
  
  .idea-banner img,.idea-section .content>p,.idea-section .content .date{display: none;}
  .idea-banner .content{width: 100%;padding-top:120px;font-size: 19px;line-height: 1.6;text-align: left;} 
}
/* 创见详情 */
.idea-article{margin:102px auto 32px;}
.idea-side{width: 230px;float: right;margin-right: 20px;}
.idea-side .info{background: #fff;height: 164px;margin-bottom: 20px;padding:40px 30px 30px;box-sizing: border-box;}
.idea-side .info>p{padding-left: 42px; line-height:50px;font-size: 16px;color: #666;background: url(../images/icon/icon-message.png) left center no-repeat;}
.idea-side .info>p:last-child{background: url(../images/icon/icon-favorite.png) left center no-repeat;}
.idea-side .list{height: 320px;padding:20px 30px;line-height:34px;background: #fff;font-size: 18px;color: #999;}
.idea-side .list>dt{margin-bottom: 3px;}
.idea-side .list>dd>a{color: #333;}
.idea-side .list>dd>a:hover{color: #0e4d8c;}
.idea-side .list>dd{padding-bottom:20px;margin-bottom:20px;border-bottom:1px dashed #dcdcdc;}
.idea-side .list>dd:nth-of-type(2){border-bottom: 0;}
.idea-main{width:calc(100% - 250px);float: right;padding:10px 48px;background: #fff;font-size: 16px;box-sizing: border-box;}
.idea-main p{line-height: 30px;}
.idea-main h1{line-height:88px;font-size: 30px;color: #000;}
.idea-main .info{font-size: 14px;}
.idea-main .info>span{color: #999;}
.idea-main .info>span.date{margin-left: 34px;}
.idea-main .view{position:relative;padding:22px;margin:45px 0 30px;border:1px dashed #c9c9c9;box-sizing: border-box;}
.idea-main .view>dt{position: absolute;left:40px;top:-12px;padding:2px 15px;font-size: 18px;background: #fff;color: #171717;}
.idea-main .view>dd{line-height:34px;background: #fff;}
.idea-main .content>h3{padding:22px 0;font-size: 20px;color: #000;}
.idea-main .content>p{line-height:30px;margin-bottom: 12px;}
.idea-main .content>img{width: 100%;margin:10px auto;}
.idea-main .like{height:76px;width: 92%;margin:40px auto 50px;padding:12px 9px;background: #f5f7fa;box-sizing: border-box;text-align: center;font-size: 18px;color: #b0967f;}
.idea-main .like>p{height:52px;background: #eff0f1;}
.idea-main .like>p>span{display: inline-block;vertical-align: 6px;}
.idea-main .like a.up{display: inline-block;margin:-12px 20px 0;width: 74px;height: 74px;background: url(../images/icon/icon-good.png) center center no-repeat;vertical-align: middle;font-size: 0;}
@media screen and (max-width: 750px){
  .idea-article{margin:20px auto;padding:0;}
  .idea-side .list,.idea-side .info,.idea-main .view{height: auto;padding: 20px;}
  .idea-side,.idea-main{width: 100%;}
  .idea-side{margin-top:20px;margin-right: 0;}
  .idea-main .info{margin-top: 10px;}
  .idea-main{margin-top: 50px;padding:20px 10px;font-size: 14px;}
  .idea-main h1 {
    line-height: 1.6;
    font-size: 18px;
  }
  .idea-main .content>p{font-size: 14px;}
  .idea-main .like>p>span{font-size: 12px;}
}
/* 创见内参 */
.magazine-banner{width: 100%;height: 300px;margin:0 auto;background: #020204 url(../images/banner/magazine-banner.jpg) center top no-repeat;color: #fff;font-size: 32px;box-sizing: border-box;}
.magazine-banner .content{padding-top:97px;}
.magazine-banner .content>h3{font-size: 40px;margin-top: 40px;}
.magazine-list{margin: 32px auto 70px;}
.magazine-list .img-wrap{position:relative;right:0;width: 442px;height: 647px;float: left;box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.21);}
.magazine-list .content{width: calc(100% - 442px);height: 647px;float: left;padding:0 40px;box-sizing: border-box;overflow-y: auto;background: #fff;}
.magazine-list .content a{display:block;border-bottom:1px dashed #c9c9c9;height: 140px;padding:15px 0;box-sizing: border-box;line-height: 26px;color: #666;font-size: 16px;overflow: hidden;}
.magazine-list .content a:last-child{border-bottom: none;}
.magazine-list .content a>h3{line-height: 50px;font-size: 20px;color: #333;}
.magazine-list .content a>h3:hover{color: #0e4d8c;}
@media screen and (max-width: 750px){
  .magazine-banner{font-size: 18px;}
  .magazine-banner .content>h3{font-size: 22px;}
  .magazine-list{padding: 0;}
  .magazine-list .img-wrap{display: none;}
  .magazine-list .content{width: 100%;padding:0 10px;}
  .magazine-list .content a{height:auto;line-height: 26px;color: #666;font-size: 12px;overflow: hidden;}
  .magazine-list .content a>h3{line-height:1.2;font-size: 16px;}
  .section-main-nav a {width: 33%;box-sizing: border-box;}
  .section-main-nav a:last-child{border-right: 0;}
}

/* 精彩视听 */
.video-list-swiper{position: relative;margin:70px auto 0;text-align: center;color: #fff;}
.video-list-swiper .swiper-container{height: 300px;}
.video-list-swiper .swiper-slide {background-size: cover;background-position: center;background-repeat: no-repeat;}
.video-list-swiper .swiper-pagination-bullet{width: 86px;height: 82px;margin-left:20px;border-radius: 0;position: relative;box-sizing: border-box;vertical-align: middle;background-size: cover;background-position: center;background-repeat: no-repeat;}
.video-list-swiper .swiper-pagination-bullet::before{position: absolute;content: "";left:0;right: 0;top:0;bottom:0;z-index:2;background: rgba(0,0,0,.3);}
.video-list-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active{position:relative;top:-1px;border:2px solid #fff;width: 86px;height: 82px;}
.video-list-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active::before{background: none;}
.video-list-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active::after{position:absolute;content:"";left:50%;margin-left:-10px;top:-20px;border-width: 10px;border-style: solid;border-color:transparent transparent #fff transparent;}
.video-list-swiper .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 13px;}
.video-list-swiper h2{padding:50px 0 30px;font-size: 36px;line-height: 1.2;}
.video-list-swiper h2>a,.video-list-swiper h2>a:hover{color:#fff !important;}
.video-list-swiper .btn{display: inline-block;width: 98px;height: 30px;line-height: 30px;font-size: 12px;color: #e8e9ea;border:1px solid #e8e9ea;box-sizing: border-box;}
.video-list-swiper .btn:hover{background: rgba(255,255,255,.8);color: #0e4d8c;border:0;}

.list-warp-mart{margin-top: 24px;}
.list-negative-mart{margin-top:-52px;}
.list-wrap{float: left;width: calc(100% - 304px);box-sizing: border-box;}
.list-wrap .news-list>a{position:relative;width:calc((100% - 55px)/3)}
.list-wrap .news-list>a:before,
.list-wrap .idea-section .img-wrap:before{position: absolute;content:"";left:50%;top:31%;z-index:10;width:50px;height: 50px;transform: translate(-50%,-30%);-webkit-transform: translate(-50%,-30%);background: url(../images/icon/icon-video.png) center center no-repeat;}
.list-wrap .idea-section .img-wrap:before{top:42%;}
.list-wrap .news-list .img-wrap:after,
.list-wrap .idea-section .img-wrap:after{position: absolute;content:"";left:0;top:0;right:0;bottom:0;z-index:9;background:rgba(0,0,0,.302); transition: all .5s;cursor: pointer;}
.list-wrap .news-list .img-wrap:hover:after,
.list-wrap .idea-section .img-wrap:hover:after,
.no-icon-video .idea-section .img-wrap:before{background: none;}

.list-wrap .idea-section .img-wrap{width: 287px;height: 163px;}
.list-wrap .idea-section .content{width: calc(100% - 287px);height: 163px;}
.list-wrap .idea-section{background: #fff;border-bottom: 1px dashed #c9c9c9;padding-left: 20px;}
.list-wrap .pagination{padding:24px 0;}

.side-wrap{float: right;width: 284px;margin-top: 24px;}
.side-section{margin-bottom: 23px;border:1px solid #dcdcdc;background: #fff;}
.side-section .hotlist{padding:16px 12px;height: 494px;box-sizing: border-box;}
.side-section .hotlist>a{position:relative;display: block;padding-left:34px;margin-bottom:6px;line-height:24px;}
.side-section .hotlist>a>span{position: absolute;left:0;z-index:2;width:20px;color: rgb(14, 77, 140);font:20px/1.2 "Helvetica";font-style: italic;text-align: center;}
.side-section .hotlist>a>span:after{position: absolute;content:"";z-index:-1;left:0;bottom:0;height:10px;width: 20px;background: #cfdbe8;}
.side-section .team{padding:28px 11px 3px;text-align: center;margin-left:-10px;}
.side-section .team>a{float: left;margin: 0 0 10px 10px;}
.side-section .team .img-wrap{width: 80px;height: 80px;border-radius: 100%;overflow: hidden;}
.side-section .team p{line-height:36px;font-size: 16px;color: #242c37;}

.side-section .recommendlist{padding:16px 12px 10px 16px;max-height: 456px;box-sizing: border-box;line-height: 24px;}
.side-section .recommendlist li{position: relative;padding-left:28px;margin-bottom: 10px;}
.side-section .recommendlist li::before{position: absolute;content: "";left:0;top:5px;width: 14px;height: 14px;background: #cfdbe8;}
.side-section .recommendlist li>p{line-height: 18px;font-size: 12px;color: #666;}

.side-section-title{line-height: 53px;border-bottom:1px solid #dcdcdc;text-align: center;font-size: 24px;}
.side-section-title>span,
.list-wrap .idea-section .img-wrap,
.list-wrap .news-list .img-wrap{position:relative;}
.side-section-title>span:after,.side-section-title>span:before{position: absolute;content:"";top:49%;width:30px;height: 1px;background: #333;}
.side-section-title>span:after{left:0;}
.side-section-title>span:before{right: 0;}
.side-section-title>span{padding:0 40px;}
.side-section-title.left{position:relative;text-align: left;margin-left:20px;}
.side-section-title.left>span{padding:0 16px;}

.side-section-title.left::before{position:absolute;content:"";left:0;top:27%;height:26px;width:4px;background: #0e4d8c;text-align: left;}

.side-section-title.left>span:before,.side-section-title.left>span:after{background: none;}


.follow-wrap{padding:14px 0 10px;line-height:22px;text-align: center;color: #29416a;}
.follow-wrap>img{width: 113px;}

.finance-banner,
.investor-banner,
.search-result-banner,
.column-banner{width: 100%;height: 300px;margin:70px auto 0;color: #fff;}
.finance-banner{background:#2b343e url(../images/banner/finance-banner.jpg) center top no-repeat;}
.investor-banner{background:#02060f url(../images/banner/investor-banner.jpg) center top no-repeat;}
.search-result-banner{background:#02081c url(../images/banner/search-result-banner.jpg) center top no-repeat;}
.column-banner{background:#002138 url(../images/banner/column-banner.jpg) center top no-repeat;}

.column-banner .img-wrap{float:left;margin:53px 0 0 20px;width: 179px;height: 179px;border:11px solid rgba(255,255,255,.44);border-radius: 100%;overflow: hidden;}
.column-banner .content{float: right;width:calc(100% - 270px);padding-top:45px;box-sizing: border-box;font-size: 18px;}
.column-banner .content>h4{font-size: 24px;line-height: 30px;}
.column-banner .content>span{display: block;line-height: 34px;}
.column-banner .content>.line{margin:10px 0;border-top:1px solid #b5b5b5;height: 0;}
.column-banner .content>p{line-height: 30px;height:120px;overflow-y: auto;font-size: 16px;}




.alllist-banner .content{float: left;padding-top: 72px;}
.alllist-banner .content>p{line-height:88px;font-size: 32px;color: rgba(255, 255, 255, 0.671);text-shadow: 0px 3px 7px rgba(85, 85, 85, 0.46);}
.alllist-banner .content>h3{line-height:1.2;font-size: 45px;}
.alllist-banner .search{position:relative;float: right;width:400px;height: 46px;margin-top: 127px;}
.alllist-banner .search>input[type="text"]{position:absolute;left:0;top:0;width: 100%;height: 46px;padding:0 69px 0 15px;background:rgba(255,255,255,.639);box-sizing: border-box;border:0;outline: none;color: #fff; }
.alllist-banner .btn{position: absolute;top:0;right:0;width: 69px;height:46px;text-align: center;font-size: 18px;color: #fff;background: #0e4d8c;border:0;outline: 0;cursor: pointer;}
input::-webkit-input-placeholder{color: #666;font-size: 12px;}
.list-warp-border{border:1px solid #dcdcdc}
.keywords{color: #c40001;}
.no-mart{margin-top: -24px;}
.marb10{margin:40px 0 10px;}
.search-result{padding-top:23px;padding-bottom:21px;font-size: 20px;color: #242c37;}

/* 视频播放详情 */
.video{height: 400px;}
.video-wrap{height: 644px;margin:70px auto 40px;background: #2e2e36;}
.video-wrap .content{padding:0 0 10px 14px;}
.video-wrap .content>h3{line-height: 2;font-size: 24px;color:#fff;}
.video-wrap .content>p{line-height:26px;font-size: 14px;color: rgb(189, 187, 187);}
.video-wrap .content>p>span{margin-right: 34px;}

.video-player{float: left;width:calc(100% - 295px);height: 560px;}
.video-more{float: right;width:295px;height:560px;padding:20px 0 20px 10px;line-height:22px;background: #26262b;box-sizing: border-box;overflow-y: auto;}
.video-more>a{display:block;margin-bottom: 16px;color: #c6c6c6;overflow: hidden;}
.video-more>a .img-wrap{position:relative;float:left;width: 130px;height: 74px;margin-right: 8px;}
.video-more>a .mins{position:absolute;left:7px;bottom:6px;width: 40px;line-height: 20px;font-size: 12px;text-align: center;color:#fff;;background:rgba(0,0,0,.41)}
.video-more>a>p{float: left;width: 45%;}
.video-intro{padding:25px 28px 25px 22px;margin-bottom: 4px;line-height: 24px;box-sizing: border-box;}
.video-intro a.btn{height: 148px; color: #0e4d8c !important;font-size: 16px;overflow: hidden;}
.comment-wrap{margin:7px 0 80px;}

@media screen and (max-width: 750px){
  .list-wrap,
  .list-wrap .news-list>a,
  .side-wrap,
  .list-wrap .idea-section .content,
  .list-wrap .idea-section .img-wrap{width:100%}

  .side-section .team>a{margin: 0 0 10px 32px;}
  .side-section .team {margin-left: -18px;}
  .video-list-swiper .swiper-pagination-bullet,
  .video-list-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active{width: 40px;height: 40px;}
  .video-player,.video-more{width:100%;height: 280px;}
  .video-more>a>p{width: 190px;}
  .video-wrap .content>h3{font-size: 20px;}
  
  .alllist-banner .content>p{line-height:44px;font-size: 16px;}
  .alllist-banner .content>h3{line-height:1.2;font-size: 22px;}
  .alllist-banner .search{width:100%;height: 46px;margin-top: 60px;}
  .list-wrap .idea-section{padding-left: 0;}
  .list-wrap .idea-section .content{padding:10px 0;}
  .list-wrap .idea-section .content>p, .list-wrap .idea-section .content .date {
    display: block;
}
  .column-banner{padding-top: 15px;box-sizing: border-box;}
  .column-banner .img-wrap{float: inherit;margin:0 auto 0;width: 60px;height: 60px;border:3px solid rgba(255,255,255,.44);}
  .column-banner .content{width:100%;padding-top:10px;font-size: 14px;text-align: center;}
  .column-banner .content>h4{font-size: 18px;line-height: 28px;}
  .column-banner .content>span{display: block;line-height: 24px;}
  .column-banner .content>.line{margin:5px 0;}
  .column-banner .content>p{text-align: left;}
  .side-section .hotlist{height: auto;}
  
}
  